AngularJS References

AngularJS নির্দেশিকা, ফিল্টার এবং API রেফারেন্স

AngularJS References

AngularJS-এর সমস্ত নির্দেশ, ফিল্টার এবং API ফাংশনের সম্পূর্ণ রেফারেন্স।

দ্রষ্টব্য:

এই পৃষ্ঠাটি AngularJS বিকাশকারীদের জন্য একটি ম্যানুয়াল হিসাবে ব্যবহার করা যেতে পারে। দ্রুত রেফারেন্সের জন্য Ctrl+F ব্যবহার করুন।

AngularJS নির্দেশাবলী

আদেশ ব্যাখ্যা
ng-app অ্যাপ্লিকেশনের মূল উপাদান সংজ্ঞায়িত করে।
ng-bind HTML উপাদানের বিষয়বস্তুকে অ্যাপ্লিকেশন ডেটার সাথে আবদ্ধ করে।
ng-bind-html HTML উপাদানের অভ্যন্তরীণ এইচটিএমএলকে অ্যাপ্লিকেশন ডেটার সাথে আবদ্ধ করে এবং HTML স্ট্রিং থেকে বিপজ্জনক কোড সরিয়ে দেয়।
ng-bind-template নির্দিষ্ট করে যে পাঠ্য বিষয়বস্তু একটি টেমপ্লেট দিয়ে প্রতিস্থাপন করা উচিত।
ng-blur ব্লার ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-change ব্যবহারকারীর দ্বারা বিষয়বস্তু পরিবর্তন করা হলে মূল্যায়ন করার জন্য একটি অভিব্যক্তি নির্দিষ্ট করে।
ng-checked একটি উপাদান চেক করা হয়েছে কিনা তা নির্দেশ করে।
ng-class HTML উপাদানে CSS ক্লাস নির্দিষ্ট করে।
ng-class-even এনজি-ক্লাসের মতো, কিন্তু শুধুমাত্র জোড় ক্রমগুলিতে কাজ করে।
ng-class-odd এনজি-ক্লাসের অনুরূপ, কিন্তু শুধুমাত্র বিজোড় অ্যারেতে কাজ করে।
ng-click একটি উপাদান ক্লিক করা হলে মূল্যায়ন করার জন্য একটি অভিব্যক্তি নির্দিষ্ট করে।
ng-cloak লোড করার সময় আপনার অ্যাপটিকে ফ্ল্যাশ হতে বাধা দেয়।
ng-controller অ্যাপ্লিকেশনের জন্য কন্ট্রোলার অবজেক্ট সংজ্ঞায়িত করে।
ng-copy অনুলিপি ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-csp বিষয়বস্তু সুরক্ষা নীতিতে পরিবর্তন।
ng-cut কাটা ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-dblclick ডাবল-ক্লিক ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-disabled একটি উপাদান নিষ্ক্রিয় কি না নির্দেশ করে।
ng-focus ফোকাস ঘটনাগুলির একটি আচরণ বোঝায়।
ng-form নিয়ন্ত্রণগুলি পেতে HTML ফর্ম নির্দিষ্ট করে।
ng-hide HTML এলিমেন্ট লুকিয়ে বা দেখায়।
ng-href <a> উপাদানের জন্য url নির্দিষ্ট করে।
ng-if একটি শর্ত মিথ্যা হলে একটি HTML উপাদান সরিয়ে দেয়।
ng-include অ্যাপ্লিকেশনটিতে HTML যোগ করে।
ng-init অ্যাপ্লিকেশনের জন্য প্রাথমিক মান সংজ্ঞায়িত করে।
ng-jq নির্দিষ্ট করে যে অ্যাপ্লিকেশনটি একটি লাইব্রেরি যেমন jQuery ব্যবহার করবে।
ng-keydown কীডাউন ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-keypress কী প্রেস ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-keyup কী-আপ ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-list পাঠ্যকে একটি তালিকায় রূপান্তর করে (অ্যারে)।
ng-maxlength একটি ইনপুট ক্ষেত্রে অনুমোদিত অক্ষরের সর্বাধিক সংখ্যা নির্দিষ্ট করে৷
ng-minlength একটি ইনপুট ক্ষেত্রে অনুমোদিত অক্ষরের ন্যূনতম সংখ্যা নির্দিষ্ট করে৷
ng-model অ্যাপ্লিকেশান ডেটাতে HTML নিয়ন্ত্রণের মান আবদ্ধ করে।
ng-model-options মডেলে কিভাবে আপডেট করা হয় তা নির্দিষ্ট করে।
ng-mousedown মাউসডাউন ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-mouseenter মাউসেন্টার ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-mouseleave mouseleave ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-mousemove মাউসমুভ ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-mouseover মাউসওভার ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-mouseup মাউসআপ ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-non-bindable নির্দিষ্ট করে যে ডেটা বাইন্ডিং এই উপাদান বা এর বাচ্চাদের উপর ঘটতে পারে না।
ng-open একটি উপাদানের খোলা বৈশিষ্ট্য নির্দিষ্ট করে।
ng-options <select> তালিকায় <options> উল্লেখ করে।
ng-paste গ্রাফ্ট ইভেন্টে একটি আচরণ নির্দিষ্ট করে।
ng-pluralize en-us স্থানীয়করণের নিয়ম অনুসারে প্রদর্শনের জন্য একটি বার্তা নির্দিষ্ট করে।
ng-readonly একটি উপাদানের শুধুমাত্র পঠনযোগ্য বৈশিষ্ট্য নির্দিষ্ট করে।
ng-repeat একটি সংগ্রহে প্রতিটি ডেটার জন্য একটি টেমপ্লেট সংজ্ঞায়িত করে।
ng-required একটি উপাদানের প্রয়োজনীয় বৈশিষ্ট্য নির্দিষ্ট করে।
ng-selected একটি উপাদানের নির্বাচিত বৈশিষ্ট্য নির্দিষ্ট করে।
ng-show HTML উপাদান দেখায় বা লুকিয়ে রাখে।
ng-src <img> উপাদানের জন্য src বৈশিষ্ট্য নির্দিষ্ট করে।
ng-srcset <img> উপাদানের জন্য srcset বৈশিষ্ট্য নির্দিষ্ট করে।
ng-style একটি উপাদানের জন্য শৈলী বৈশিষ্ট্য নির্দিষ্ট করে।
ng-submit অনসাবমিট ইভেন্টে রান এক্সপ্রেশন নির্দিষ্ট করে।
ng-switch চাইল্ড উপাদানগুলি দেখানো/লুকানোর জন্য ব্যবহৃত শর্তটি নির্দিষ্ট করে।
ng-transclude অন্তর্বর্তী উপাদান সন্নিবেশ করার জন্য একটি বিন্দু নির্দিষ্ট করে।
ng-value ইনপুট উপাদানের মান নির্দিষ্ট করে।

এইচটিএমএল উপাদানগুলিতে AngularJS নির্দেশাবলী

AngularJS কিছু HTML উপাদানের ডিফল্ট আচরণ পরিবর্তন করে।

অঙ্গ ব্যাখ্যা
a AngularJS <a> উপাদানের ডিফল্ট আচরণ ওভাররাইড করে।
form AngularJS <form> উপাদানের ডিফল্ট আচরণকে ওভাররাইড করে।
input AngularJS <input> উপাদানের ডিফল্ট আচরণকে ওভাররাইড করে।
script AngularJS <script> উপাদানের ডিফল্ট আচরণ ওভাররাইড করে।
select AngularJS <select> উপাদানের ডিফল্ট আচরণ ওভাররাইড করে।
textarea AngularJS <textarea> উপাদানের ডিফল্ট আচরণকে ওভাররাইড করে।

AngularJS ফিল্টার

ফিল্টার ব্যাখ্যা
currency একটি সংখ্যাকে মুদ্রা বিন্যাসে রূপান্তর করে।
date একটি তারিখকে একটি নির্দিষ্ট বিন্যাসে রূপান্তর করে।
filter একটি অ্যারে থেকে উপাদানগুলির একটি উপসেট নির্বাচন করে।
json একটি বস্তুকে JSON স্ট্রিংয়ে রূপান্তর করে।
limitTo একটি অ্যারে বা স্ট্রিংকে নির্দিষ্ট সংখ্যক উপাদান/অক্ষর হিসাবে সংজ্ঞায়িত করে।
lowercase একটি স্ট্রিংকে ছোট হাতের অক্ষরে রূপান্তর করে।
number একটি সংখ্যাকে একটি স্ট্রিংয়ে রূপান্তর করে।
orderBy একটি অভিব্যক্তি দ্বারা একটি অ্যারে সাজান.
uppercase একটি স্ট্রিংকে বড় হাতের অক্ষরে রূপান্তর করে।

দ্রষ্টব্য:

ফিল্টারগুলি কৌণিক ফিল্টার পাঠে ব্যাখ্যা করা হয়েছে।

AngularJS বৈধতা বৈশিষ্ট্য

$dirty

ব্যবহারকারী মান পরিবর্তন করেছে কিনা তা নির্দেশ করে

$invalid

মানটি অবৈধ কিনা তা নির্দেশ করে৷

$error

সমস্ত বৈধতা ত্রুটি রয়েছে

দ্রষ্টব্য:

কৌণিক বৈধতা পাঠে বৈধতা ব্যাখ্যা করা হয়েছে।

AngularJS Universal API

পরিবর্তন হচ্ছে

API ব্যাখ্যা
angular.lowercase() একটি স্ট্রিংকে ছোট হাতের অক্ষরে রূপান্তর করে
angular.uppercase() একটি স্ট্রিংকে বড় হাতের অক্ষরে রূপান্তর করে
angular.copy() একটি বস্তু বা অ্যারের একটি গভীর অনুলিপি তৈরি করে
angular.forEach() একটি বস্তু বা অ্যারের প্রতিটি উপাদানের উপর একটি ফাংশন চালায়

তুলনা

API ব্যাখ্যা
angular.isArray() দ্রষ্টব্য সত্য প্রদান করে যদি এটি একটি অ্যারে হয়
angular.isDate() রেফারেন্স একটি তারিখ হলে সত্য প্রদান করে
angular.isDefined() রেফারেন্স সংজ্ঞায়িত করা হলে সত্য প্রদান করে
angular.isElement() রেফারেন্স একটি DOM উপাদান হলে সত্য প্রদান করে
angular.isFunction() দ্রষ্টব্য যদি একটি ফাংশন সত্য প্রদান করে
angular.isNumber() ইঙ্গিত একটি সংখ্যা হলে সত্য প্রদান করে
angular.isObject() রেফারেন্স একটি বস্তু হলে সত্য প্রদান করে
angular.isString() ইঙ্গিত একটি স্ট্রিং হলে সত্য প্রদান করে
angular.isUndefined() রেফারেন্স অনির্ধারিত হলে সত্য প্রদান করে
angular.equals() দুটি পয়েন্টার সমান হলে সত্য দেখায়

JSON

API ব্যাখ্যা
angular.fromJson() একটি JSON স্ট্রিং নেয় এবং একটি জাভাস্ক্রিপ্ট অবজেক্ট রিটার্ন করে
angular.toJson() একটি জাভাস্ক্রিপ্ট অবজেক্ট নেয় এবং একটি JSON স্ট্রিং প্রদান করে

মৌলিক

API ব্যাখ্যা
angular.bootstrap() ম্যানুয়ালি AngularJS শুরু করে
angular.element() একটি HTML উপাদানকে jQuery এলিমেন্টে রূপান্তর করে
angular.module() AngularJS মডিউল তৈরি করে, নিবন্ধন করে বা পায়

দ্রষ্টব্য:

গ্লোবাল API কৌণিক API পাঠে ব্যাখ্যা করা হয়েছে।

অনুশীলন করুন

নীচের টিউটোরিয়ালে AngularJS ধারণা সম্পর্কে আপনার বোঝার পরীক্ষা করুন:

AngularJS রেফারেন্স টিউটোরিয়াল

ng-app অ্যাপ্লিকেশনটির মূল উপাদান সংজ্ঞায়িত করে
✓ ঠিক আছে! ng-app হল একটি AngularJS অ্যাপ্লিকেশনের সূচনা বিন্দু
ng-রিপিট হল এক ধরনের ফিল্টার
✗ ভুল! ng-পুনরাবৃত্তি একটি নির্দেশিকা, একটি ফিল্টার নয়
angular.isString() true
✓ ঠিক আছে! এই API স্ট্রিং টাইপ পরীক্ষা করে
$dirty নির্দেশ করে যদি মানটি অবৈধ
✗ ভুল! $dirty নির্দেশ করে ব্যবহারকারী পরিবর্তিত, $invalid অবৈধ নির্দেশ করে

গতির রেফারেন্স গাইড

সর্বাধিক ব্যবহৃত নির্দেশাবলী

  • ng-app
  • ng-model
  • ng-controller
  • ng-repeat
  • ng-show/ng-hide
  • ng-click
  • ng-if

সাধারণ ফিল্টার

  • currency
  • date
  • uppercase
  • lowercase
  • orderBy
  • filter

সমালোচনামূলক API

  • angular.module()
  • angular.copy()
  • angular.isArray()
  • angular.isString()
  • angular.toJson()

যাচাইকরণ বৈশিষ্ট্য

  • $dirty
  • $invalid
  • $error
  • $valid
  • $pristine

নোট ডাউনলোড করুন

PDF ডাউনলোড করুন:

সম্পূর্ণ AngularJS রেফারেন্সটি জাসিফ টিম থেকে পিডিএফ হিসাবে ডাউনলোড করা যেতে পারে। এটা অফলাইন রেফারেন্স জন্য মহান.

AngularJS রেফারেন্স PDF ডাউনলোড করুন